<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue.js - 基础</title>
</head>
<body>
    <div id="app">
        <p>当前价格: {{ 100 | currency(10,20,30)}}</p>
        
        <!-- 串联过滤器  , 每个过滤处理完的结果会返回给下一个过滤器的值 -->
        <p>当前价格: {{ 100 | currency(10,20,30) | abc }}</p>
    </div> 

    <!-- 引入vue框架 开发版 :包含警告 和调试信息 -->
    <script src="../lib/vue.js"></script>
    <script>
        //注册全局过滤器
        Vue.filter('currency' , (value ,a ,b, c)=>{//vlaue 就是需要转换的值 , a ,b ,c 过滤器的参数
            // console.log(value);
            //过滤器需要一个返回值
            return '￥' + value.toFixed(2)
        })

        Vue.filter('abc' , (value)=>{
            console.log(value);
        })

        let vm = new Vue({
            el:"#app",//指定Vue挂载的DOM
            data:{//当前vue实例中使用的数据

            },
            methods:{//当前Vue实例中使用到的方法

            }
        })
    </script>
</body>
</html>